<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>修改理发信息</title>
</head>
<style>
    .in{
        text-align: center;
    }
    input[type="text"] {
        width: calc(100% - 20px); /* 宽度稍微小于100%，为边框和内边距留出空间 */
        padding: 10px; /* 内边距 */
        margin-bottom: 10px; /* 外边距，用于分隔字段 */
        border: 1px solid #ccc; /* 边框颜色 */
        border-radius: 4px; /* 圆角 */
        box-sizing: border-box; /* 确保宽度包括内边距和边框 */
        font-size: 16px; /* 字体大小 */
    }

    /* 为 .in 内的 input[type="submit"] 添加样式 */
    .in input[type="submit"] {
        background-color: #4CAF50; /* 背景颜色 */
        color: white; /* 文字颜色 */
        border: none; /* 去掉边框 */
        padding: 10px 20px; /* 内边距，增加点击区域 */
        font-size: 16px; /* 字体大小 */
        border-radius: 4px; /* 圆角 */
        cursor: pointer; /* 鼠标悬停时显示为手型 */
        transition: background-color 0.3s ease; /* 平滑过渡效果 */
    }

    /* .in input[type="submit"]:hover 样式，用于鼠标悬停时改变背景颜色 */
    .in input[type="submit"]:hover {
        background-color: #45a049; /* 鼠标悬停时的背景颜色 */
    }

    /* 可选：为 br 标签后的空白区域添加一些垂直间距，以改善视觉效果 */
    input[type="text"] + br {
        margin-bottom: 10px; /* 为每个 br 标签后添加外边距 */
    }
</style>
<body>
<form action="barber?m=barberUpdate" method="post">
    <input type="hidden" name="id" value="${barber.id}">
    理发师姓名： <input type="text" name="name" value="${barber.name}"><br>
    理发师专业： <input type="text" name="packages" value="${barber.packages}"><br>
    理发师价格： <input type="text" name="price" value="${barber.price}"><br>
    理发日期： <input type="text" name="time" value="${barber.time}"><br>
    <div class="in"><input type="submit" value="更新"></div>
</form>

</body>
</html>